<template>
  <div id="app">
    <navigationBar>
      <img slot="left" src="./assets/components/fanhui.png" alt="">
      <div slot="center">{{this.$route.meta.title}}</div>
      <img slot="right" src="./assets/components/fenxiang.png" alt="">
    </navigationBar>
    <router-view />
    <tabbar>
      <tabbarItem path="/">
        <img slot="img" src="./assets/tabbar/home.png" alt="" />
        <img slot="img_s" src="./assets/tabbar/home_s.png" alt="" />
        <p slot="title">首页</p>
      </tabbarItem>
      <tabbarItem path="/classify">
        <img slot="img" src="./assets/tabbar/classify.png" alt="" />
        <img sl ot="img_s" src="./assets/tabbar/classify_s.png" alt="" />
        <p slot="title">分类</p>
      </tabbarItem>
      <tabbarItem path="/cart">
        <img slot="img" src="./assets/tabbar/cart.png" alt="" />
        <img slot="img_s" src="./assets/tabbar/cart_s.png" alt="" />
        <p slot="title">购物车</p>
      </tabbarItem>
      <tabbarItem path="/user">
        <img slot="img" src="./assets/tabbar/user.png" alt="" />
        <img slot="img_s" src="./assets/tabbar/user_s.png" alt="" />
        <p slot="title">我的</p>
      </tabbarItem>
    </tabbar>
  </div>
</template>
<script>
import tabbar from "./components/tabbar/Tabbar";
import tabbarItem from "./components/tabbar/TabbarItem";
import navigationBar from "./components/Navigation/navigationBar"
export default {
  components: {
    tabbar,
    tabbarItem,
    navigationBar
  },
  data() {
    return {};
  },
};
</script>

<style>
* {
  margin: 0;
  padding: 0;
}
</style>
